// 登录界面,基本功能: 检测用户名密码是否合法
// 未完成功能: 检测到用户名密码不匹配
window.onload = function () {

    // var login = document.getElementById("login");
    var emailinput = document.getElementsByClassName("EmailInput");
    var passwordinput = document.getElementsByClassName("password");
    var confirmpassword = document.getElementsByClassName("ConfirmPassword");
    var returnbutton = document.getElementsByClassName("return");
    var type_username = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/;
    var type_password = /^\w{5,20}$/;
    var tip = document.getElementById("tips");

    function tips(text) {
        var tips = document.getElementById("tips");
        tips.innerText = text;
    }

    // 验证邮箱格式是否正确
    for(i = 0 ;i<emailinput.length;i++){
        emailinput[i].onblur = function (){
            if (!type_username.test(this.value)){
                tips("邮箱格式错误");
            }
            else if(tip.innerHTML=="邮箱格式错误"&&type_username.test(this.value)){
                tips("");
        }
    }
}

    // 验证密码格式是否正确
    for(j = 0;j<passwordinput.length;j++){
        passwordinput[j].onblur = function(){
            if(tip.innerText==""&&!type_password.test(this.value)){
                tips("请输入正确格式密码");
            }
            else if (type_password.test(this.value)&&tip.innerHTML=="请输入正确格式密码"){
                tips("");
        }
    }
    }

    // 验证两次输入的密码是否一致
    for(z = 0; z<confirmpassword.length;z++){
        confirmpassword[z].onblur=function(){
            if(tip.innerText==""&&this.previousElementSibling.previousElementSibling.value!=this.value){
                tips("两次输入的密码不一致");
        }
            else if(this.previousElementSibling.previousElementSibling.value==this.value){
                tips("");
            }
        }
    }

    //点击返回刷新页面
    for( m = 0; m<returnbutton.length;m++){
        returnbutton[m].onclick=function (){
            location.reload();
        }
    }


    //忘记密码界面操作:  核实密码用户名是否合法，密码是否输入一致
    $("#repassword").click(function(){
        if(tip.innerHTML===""){
        $.ajax({
            url:"/User/resetpsw",
            type:"POST",
            data:$("#resetform").serialize(),  //自动获取表单中的键值对
            dataType:"json",
            success: function(json){
                if(json.state ==200){
                    alert("重置密码成功，返回首页");
                }
                else if(json.state==6000){
                    alert("您输入的邮箱尚未被注册");
                }
                else if(json.state==5000){
                    alert("发生未知错误，请重新尝试");
                }
                location.reload(); //刷新页面
            },
            error: function(xhr){
                alert("更改密码时产生未知的错误"+xhr.status);
            }
        });
    }
            else{
                alert("您提交的信息有误，请您根据红字修改您的信息")
        }
    });


    //注册界面操作:  核实密码用户名是否合法，密码是否输入一致
    $("#register").click(function(){
        if(tip.innerHTML===""){
        $.ajax({
            url:"/User/reg",
            type:"POST",
            data:$("#registerform").serialize(),  //自动获取表单中的键值对
            dataType:"json",
            success: function(json){
                if(json.state ==200){
                    alert("注册成功");
                }
                else if(json.state==3000){
                    alert("该邮箱已被注册");
                }
                else if(json.state==4000){
                    alert("发生未知错误，请重新尝试");
                }
                location.reload(); //刷新页面
            },
            error: function(xhr){
                alert("注册时产生未知的错误"+xhr.status);
            }
        });
    }
        else{
            alert("您提交的信息有误，请您根据红字修改您的信息");
        }
    });

    //登录界面操作:  核实密码用户名是否合法，密码是否输入一致
    $("#login").click(function(){
        if(tip.innerHTML===""){
            $.ajax({
                url:"/User/login",
                type:"POST",
                data:$("#loginform").serialize(),  //自动获取表单中的键值对
                dataType:"json",
                success: function(json){
                    if(json.state ==200){
                        alert("登录成功");
                        if (typeof(Storage) !== "undefined") {
                            // 存储
                            sessionStorage.setItem("email", json.data.email);}
                        //跳转发生
                        window.location.href="首页.html";
                        return false;
                    }
                    else if(json.state==6000){
                        alert("该邮箱不存在");
                    }
                    else if(json.state==7000){
                        alert("您输入的密码不正确");
                    }
                    location.reload(); //刷新页面
                },
                error: function(xhr){
                    alert("登录时产生未知的错误"+xhr.message);
                }
            });
        }
        else{
            alert("您提交的信息有误，请您根据红字修改您的信息");
        }
    });


    //滑动界面
    var formname = document.querySelectorAll(".login_form_main a");
    var form = document.getElementById("three_forms");
    for(var i =0;i<formname.length;i++){
        formname[i].seq=i;
        formname[i].onclick= function(){
            tips("");
            for (var j = 0; j < formname.length; j++) {
                formname[j].style.color = "rgb(197,197,197)";
                formname[j].style.backgroundColor="white";
            }

            form.style.left = -440*this.seq+"px";
            this.style.color ="black";
            this.style.backgroundColor="orange";
        }
    }
}

